<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./font/font_ztpsnsgjty/iconfont.css">
    <script src="./js/jquery-3.7.1.min.js"></script>
    <script src="./js/flexible.js"></script>
    <script src="./js/page.js"></script>
    <script>
        $(function () {
            $('.btn').click(function () {
                location.href = './entrypage.html'
            })
        })
    </script>
</head>
<style>
    body{ background-color: rgb(239, 239, 239);}
    .entrybox {
        width: 100%;
        height: 100%;
        max-width: 640px;
        margin: 0 auto;
        text-align: center;
    }

    .entryhead {
        width: 100%;
        height: 1.573333rem
            /* 59/37.5 */
        ;
        line-height: 1.573333rem
            /* 59/37.5 */
        ;
        text-align: center;
        background-color: aliceblue;
    }

    .entryhead h1 {
        font-size: .533333rem
            /* 20/37.5 */
        ;
        font-weight: normal;
    }

    .next {
        width: 100%;
        height: 6.666667rem
            /* 250/37.5 */
        ;
        background-color: rgb(0, 196, 48);
        display: flex;
        align-items: center;
        justify-items: left;
        padding-left: 10px;
        box-shadow: inset 0 50px 80px rgb(0,140,9);
    }

    .lefttxt {
        position: absolute;
        left: .266667rem
            /* 10/37.5 */
        ;
    }

    .righttxt {
        position: absolute;
        right: .266667rem
            /* 10/37.5 */
        ;
    }

    .next p {
        font-size: .533333rem
            /* 20/37.5 */
        ;
        margin-left: .133333rem
            /* 5/37.5 */
        ;
    }

    .pic img {
        margin-left: .266667rem
            /* 10/37.5 */
        ;
        height: 2.666667rem
            /* 100/37.5 */
        ;
        width: 2.666667rem
            /* 100/37.5 */
        ;
        border-radius: 50%;
        overflow: hidden;
    }

    .entrylist li {
        width: 100%;
        height: 1.066667rem
            /* 40/37.5 */
        ;
        line-height: 1.066667rem
            /* 40/37.5 */
        ;
        border-bottom: 1.5px solid rgb(239, 239, 239);
        font-size: .426667rem
            /* 16/37.5 */
        ;
        position: relative;
        background-color: aliceblue;
    }

    .btn {
        margin-top: .533333rem
            /* 20/37.5 */
        ;
        border-radius: 25%;
        height: 1.333333rem /* 50/37.5 */
        ;
        width: 2.133333rem /* 80/37.5 */
        ;
        background-color: aliceblue;
        cursor: pointer;
        font-size: .4rem /* 15/37.5 */;
    }

    .fotter {
        cursor: pointer;
        width: 100%;
        max-width: 640px;
        display: flex;
        position: fixed;
        bottom: 0;
        background-color: aliceblue;
    }

    .fotter>div {
        flex: 1;
        flex-direction: column;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
        box-sizing: content-box;
    }

    .fotter>div p:nth-child(2) {
        font-size: 14px;
    }

    .color {
        color: green;
    }
</style>

<body>
    <div class="entrybox">
        <div class="entryhead">
            <h1>个人中心</h1>
        </div>
        <div class="next">
            <span class="pic"><img src="./img/1.jpg" alt=""></span>
            <span>
                <p>123</p>
            </span>
        </div>
        <div>
            <ul class="entrylist">
                <li><span class="lefttxt">编辑收货地址</span><span class="righttxt">></span></li>
                <li><span class="lefttxt">查看订单</span><span class="righttxt">></span></li>
            </ul>
        </div>
        <div>
            <input type="button" value="退出登录" class="btn">
        </div>
        <div class="fotter">
            <div class="color first">
                <a href="./page.html">
                    <p class="iconfont icon-shouye"></p>
                    <p>首页</p>
                </a>

            </div>
            <div>
                <p class="iconfont icon-fenlei"></p>
                <p>分类</p>
            </div>
            <div>
                <p class="iconfont icon-gouwuche
                "></p>
                <p>购物车</p>
            </div>
            <div class="user">
                <p class="iconfont icon-wode1"></p>
                <p>我</p>
            </div>
        </div>
    </div>
</body>

</html>